<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>index</title>
	<link rel="stylesheet" href="src/css/index.css">
</head>
<body>
	<div class="nav">
		<ul>
			<li><a href="javascript:void(0)">首页</a></li>
			<li><a href="javascript:void(0)">摄影比赛</a></li>
			<li><a href="javascript:void(0)">作品欣赏</a></li>
			<li><a href="javascript:void(0)">摄影知识</a></li>
			<li><a href="javascript:void(0)">协会信息</a></li>
			<li><a href="javascript:void(0)">我的空间</a></li>
		</ul>
	</div>
	<div class="warp">
		<div class="carousel">
			<ul class="carousel-photo" data-ride="carousel">
				<li data-defind="item" class="active"><img src="src/img/1.jpg" alt=""></li>
				<li data-defind="item"><img src="src/img/2.jpg" alt=""></li>
				<li data-defind="item"><img src="src/img/3.jpg" alt=""></li>
				<li data-defind="item"><img src="src/img/4.jpg" alt=""></li>
			</ul>
			<ul class="carousel-tag">
				<li data-fn="carousel" data-target="1">1</li>
				<li data-fn="carousel" data-target="2">2</li>
				<li data-fn="carousel" data-target="3">3</li>
				<li data-fn="carousel" data-target="4">4</li>
			</ul>
			<div class="tag-title">
				<p>
					test1
				</p>
				<p>
					test2
				</p>
				<p>
					test3
				</p>
				<p>
					test4
				</p>
			</div>
		</div>
		<div class="activeInf">
			<ul>
				<li><a href="activity-pane">活动信息</a></li>
				<li><a href="">要闻</a></li>
			</ul>
			<div class="infContent">
				<div class="tab-pane" id="activity-pane">
					<ul>
						<li>
							<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
							<span>16-04-27</span>
						</li>
						<li>
							<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
							<span>16-04-27</span>
						</li>
						<li>
							<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
							<span>16-04-27</span>
						</li>
						<li>
							<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
							<span>16-04-27</span>
						</li>
						<li>
							<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
							<span>16-04-27</span>
						</li>
					</ul>
				</div>
				<div class="tab-pane" id="inf-pane">
					<ul>
						<li>
							<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
							<span>16-04-27</span>
						</li>
						<li>
							2
						</li>
						<li>
							3
						</li>
						<li>
							4
						</li>
						<li>
							5
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="member-inf">
		<h1 class="header">广州手机摄影艺术协会<a href="">更多>></a></h1>
		<div class="warp">
			<div class="member">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
				<img src="src/img/1.jpg" alt="">
			</div>
			<div class="active-inf">
				
				<ul class="inf-list">
					<li>成立中国摄影出版传媒有限公司</li>
					<li>建立中国摄影家协会网站群</li>
					<li>实施中国摄影推介计划</li>
					<li>丰富、提升中国国际摄影艺术节</li>
					<li>设立中国摄影创作基金</li>
					<li>建设中国摄影展览会</li>
				</ul>
				<div class="inf-header">
					<p>协</p>
					<p>会</p>
					<p>信</p>
					<p>息</p>
				</div>
			</div>
		</div>
	</div>
	<div class="production">
		<h1 class="header">作品欣赏<a href="">更多>></a></h1>
		<div>
			<img src="src/img/2.jpg" alt="">
			<img src="src/img/2.jpg" alt="">
			<img src="src/img/2.jpg" alt="">
			<img src="src/img/2.jpg" alt="">
			<img src="src/img/2.jpg" alt="">
			<img src="src/img/2.jpg" alt="">
			<img src="src/img/2.jpg" alt="">
			<img src="src/img/2.jpg" alt="">
		</div>
	</div>
	<div class="photo-knowledge">
		<h1 class="header">摄影知识<a href="">更多>></a></h1>
		<div class="knowledge-pane">
			<div>
				<img src="src/img/1.jpg" alt="">
				<p>逆光摄影</p>
			</div>
			<a href="">经验分享</a>
			<ul>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="knowledge-pane">
			<div>
				<img src="src/img/1.jpg" alt="">
				<p>双重曝光</p>
			</div>
			<a href="">摄影技巧</a>
			<ul>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="knowledge-pane">
			<div>
				<img src="src/img/1.jpg" alt="">
				<p>延时移轴摄影</p>
			</div>
			<a href="">摄影器材</a>
			<ul>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<div class="photoSchool">
		<h1 class="header">摄影学院<a href="">更多>></a></h1>
		<div class="warp">
			<div class="photoLearing">
				<div>
					<a href="">
						<img src="src/img/1.jpg" alt="">
					</a>
				</div>
				<div class="sub">
					<a href="">
						<img src="src/img/1.jpg" alt="">
					</a>
				</div>
				<div class="sub second">
					<a href="">
						<img src="src/img/1.jpg" alt="">
					</a>
				</div>
			</div>
			<div class="zoom">
				<h1 class="header">热门空间<a href="">更多>></a></h1>
				<ul>
					<li>
						01
						<div>
							<a href="">xixi</a>
							
						</div>
					</li>
					<li>
						02
						<div>
							<a href="">xixi</a>
							
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div class="friendlyLink">
		<a href="">摄团网</a>
		<a href="">摄派网</a>
		<a href="">摄影论坛</a>
		<a href="">新浪数码相机</a>
		<a href="">天极数码</a>
		<a href="">ZOL数码</a>
		<a href="">锐意网</a>
		<a href="">卓美网</a>
		<a href="">摄苑网</a>
		<a href="">摄影日报</a>
		<a href="">旅游日报</a>
		<a href="">旅游名店城</a>
		<a href="">光影魔术手</a>
		<a href="">思缘网</a>
		<a href="">Leica中文摄影</a>
		<a href="">泡泡网</a>
		<a href="">POCO摄影网</a>
		<a href="">色影无忌</a>
		<a href="">中国设计之窗</a>
		<a href="">中华网旅游</a>
		<a href="">摄影之友</a>
		<a href="">我图网</a>
		<a href="">改图网</a>
		<a href="">中国国家地理</a>
		<a href="">环球摄影</a>
		<a href="">LOGO设计</a>
		<a href="">PChome数码</a>
		<a href="">黑光论坛</a>
		<a href="">爱奇艺纪录片</a>
		<a href="">地里时间</a>
		<a href="">搜狐数码公社</a>
		<a href="">更多友情连接</a>
	</div>	
	<div class="footer">
		<div class="foot_link">
			<a href="/">关于网站</a> &nbsp;| &nbsp;
			<a href="/gongnengjieshao/">关于协会</a> &nbsp;|&nbsp; 
			<a href="/ruanjianxiazai/">申请入会</a> &nbsp;|&nbsp; 
			<a href="/system/">服务条款</a> &nbsp;|&nbsp; 
			<a href="/faq/">联系我们</a> &nbsp;|&nbsp; 
			<a href="/message/">会员服务</a> &nbsp;|&nbsp; 
			<a href="/info/guanyuwomen/" rel="nofollow">广告服务</a> &nbsp;| &nbsp;
			<a href="/sitemap.html" rel="nofollow">帮助中心</a>
		</div>
		<p>网站声明：本网站由手机摄影艺术协会主办，设计个人肖像的照片，未经本人同意，严禁转载，违者追究相关法律责任！</p>
		<p>中国——福建 闽ICP备：08001196号 互联网新闻信息服务许可证【编号: 3512006002】</p>
		<p>短信息类服务介入代码使用证： 闽【2008】0019——B001；增值电信业务经营许可证：闽B2_20080034</p>
		<p>技术支持：好迪网络</p>
	</div>


	<script src="./src/js/jquery-1.9.1.min.js"></script>
	<script src="./src/js/carousel.js"></script>
	<script src="./src/js/tab.js"></script>
</body>
</html>